<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>课件讨论页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/popup.css"/>
    <link rel="stylesheet" href="../css/videoplay.css"/>
    <script src="../js/yingSoftPrg.js"></script>
    <script src="../js/JQuery%201.9.1.js"></script>
    <script src="../js/yingSoftPopup.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/pdfobject.js"></script>
    <script src="../js/coursewarePlayer.js"></script>
    <script src="../js/ga.js"></script>
    <script src="../js/socket.io.js"></script>
    <script src="../js/chat.js"></script>
    <script src="../js/jquery.tmpl.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-lg-1" style="padding-left:0px;">
            <h3><a class="btn btn-primary" id="returncourseware" role="button">&lt;&lt; 返回</a></h3>
        </div>
        <div class="col-lg-4" style="padding-left:0px;">
            <h3 id="videoname"></h3>
        </div>
        <div class="col-lg-7"></div>
    </div>

    <div class="row">
        <div class="col-lg-9 bgColor" style="padding-left:0px;border:1px solid #ddd;">
            <!--word、PPT文档显示start-->
            <div id="coursewareDiv"  style="height: 655px">
                <div class="wrapper">
                    <div class="pdf" id="pdf">

                    </div>
                </div>
            </div>
            <!--word、PPT文档显示end-->
            <div id="controls">
                <div class="col-lg-4"style="float: right">
                    <img src="../img/download.png" title="下载" id="downLoad" class="btnList" style="float: right"/>
                    <img src="../img/help.png" title="帮助" id="help" class="btnList" style="float: right"/>
                    <img src="../img/fullscreen.png" title="全屏" id="screenFull" class="btnList" style="float: right"/>
                </div>
            </div>
        </div>
        <div class="col-lg-3 bgColor rightDiv">
            <div class="rightContent">
                <ul class="rightUl" id="ul-title">
                    <li id="discussBtn" class="col-lg-6 rightLi rightLiActive">讨论</li>
                    <li id="notesBtn" class="col-lg-6 rightLi">笔记</li>
                </ul>
                <div id="discussDiv" class="contentDiv">
                    <div class="mainContent">
                        <ul class="nav nav-pills nav-stacked" id="chatContent">
                            <div id="alertMsg" class="msg"></div>
                        </ul>

                        <div ><a id="end" href="#"></a></div>
                    </div>
                    <div class="sendDiv">
                        <input type="text" id="discussText"  style="display:inline"/>
                        <div id="sendBtn">发送</div>
                    </div>
                </div>
                <div id="notesDiv" class="contentDiv" style="display:none;">
                    <div class="mainContent">
                        <ul class="nav nav-pills nav-stacked" id="noteContent">

                        </ul>
                    </div>
                    <div class="sendDiv">
                        <input type="text" id="notesText" />
                        <div id="addNote">添加</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/x-jquery-tmpl" id="noteContentTmpl">
     <div id="{{= "answer"+"_"+userNoteID}}">
        <span class="noteContent">${noteContent}</span>
        <div style="float:right">
           <span class="hide noteID">${userNoteID}</span>
           <span class="noteTime">${noteTime}</span>
           <span><a class="deleteNote">删除</a></span>
        <div>
    </div>
</script>
</body>
</html>
